/*--------------中级内容------------------------*/
.middle {
    display: flex;
    justify-content: center;
    margin: 50px 0;
}

.middle > div {
    width: 1000px;
    display: flex;
    justify-content: space-between;
}

.middle > div > div {
    border: 1px solid red;
}

.middle > div > div:nth-child(1) {
    width: 580px;
}

.middle > div > div:nth-child(2) {
    width: 400px;
}

.middle > div > div > div:nth-child(1) {
    border-bottom: 1px solid red;
}

.middle > div > div > div {
    padding: 10px;
}

/*兄弟选择器*/
/*.title + div {*/
.middle > div > div > div {
    display: flex;
    justify-content: space-between;
}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    width: 268px;
}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
    width: 270px;
}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div {
    border-bottom: 1px dashed red;
    height: 40px;
    padding: 20px 0 0 0;

}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) {
    font-family: 新宋体;
    /*//需要指定宽度*/
    width: 100%;
    /*//溢出隐藏*/
    overflow: hidden;
    /*如果多余的以...展示*/
    text-overflow: ellipsis;
    /*//强制不换行*/
    white-space: nowrap;
}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) {
    color: gray;
    /*//需要指定宽度*/
    width: 100%;
    /*//溢出隐藏*/
    overflow: hidden;
    /*如果多余的以...展示*/
    text-overflow: ellipsis;
    /*//强制不换行*/
    white-space: nowrap;

}

/*-----------------产品展示--------------*/
.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) {
    width: 180px;
    height: 150px;
}

.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) img {
    width: 100%;
    height: 100%;
}

.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) {
    font-family: 新宋体;
    /*//需要指定宽度*/
    width: 180px;
    /*//溢出隐藏*/
    overflow: hidden;
    /*如果多余的以...展示*/
    text-overflow: ellipsis;
    /*//强制不换行*/
    white-space: nowrap;
}

.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) {
    color: gray;
    /*//需要指定宽度*/
    width: 180px;
    /*//溢出隐藏*/
    overflow: hidden;
    /*如果多余的以...展示*/
    text-overflow: ellipsis;
    /*//强制不换行*/
    white-space: nowrap;
}
